<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>鲁班商城首页</title>
		<link rel="stylesheet" type="text/css" href="css/carousel2.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div class="web" id="top">
			<div class="right_nav">
				<div class="nav_wrap_01">
					<section>
						<span class="hover_span">
							你需要<a href="viplogin.html">登录</a>
						</span>
						<a href="viplogin.html">
							<i class="user"></i>
							<span>账号</span>
						</a>
					</section>
					<section>
						<span class="hover_span">我收藏的<a href="">品牌</a> </span>
						<a href="classify.html">
							<i class="brand"></i>
							<span>品牌</span>
						</a>
					</section>
					<section>
						<span class="hover_span">加载记录中…</span>
						<a href="#">
							<i class="collection"></i>
							<span>收藏</span>
						</a>
					</section>
					<section>
						<span class="hover_span">您还没有看过我</span>
						<a href="searchone.html">
						<i class="browse"></i>
						<span>浏览</span>
					</a>
					</section>
				</div>
				<div class="nav_wrap_02">
					<span class="hover_span">
						前往<a href="address.html">购物车</a>查看详情
					</span>
					<a href="cart.html">
						<i></i>
						<a href="cart.html"><span>购物车</span></a>
						<span class="pro_number">( 0 )</span>
					</a>
				</div>
				<div class="nav_wrap_03">
					<section>
						<span class="hover_span">
							反馈到<a href="mailto:1631234@qq.com">邮箱</a>
						</span>
						<a href="mailto:1631234@qq.com">
							<i class="feedback"></i>
							<span>反馈</span>
						</a>
					</section>
					<section>
						<a href="javascript:void(0)" id="back-to-top">
							<i class="top"></i>
							<span>TOP</span>
						</a>
					</section>
					
				</div>
			</div>
			<div class="left">
				<header>
					<div class="top">
						<div class="top-header clearfix">
							<div class="top-span clearfix">
							   <div class="top-r fl">
									<a href="regedit.html"><span>注册</span></a>
									<a href="nosettl.html"><span>登录</span></a>
									<a href="viplogin.html"><span style="border-right: none;">vip登录</span></a>
							   </div>
							   <ul class="fr">
									<li>
										<a href="cart.html"> 商家入驻 </a>
									</li>
									<li>
										<a href="details.html"> 我的订单 </a>
									</li>
									<li>
										<a href="cart2.html" style="border-right: none;">
											<!--<img src="img/buy-car.png"/>-->
											<i class="iconfont icon-gouwuche1"><span>(0)</span></i>
										</a>
									</li>
							    </ul>
							</div>
						</div>
					</div>
					<div class="search">
						<div class="logo">
							<a href="index.html"><img src="img/LOGO.png"/></a>
						</div>
						<div class="search-box">
							<form action="#">
								<input type="text" placeholder="search" />
								<!--<input type="image" src="img/search.png" />-->
								<a href="#"><i class="iconfont icon-sousuo"></i></a>
							</form>
							<div>
								<ul>
									<li><a href="javascript:void(0)">地板</a></li>
									<li><a href="javascript:void(0)">池板</a></li>
									<li><a href="javascript:void(0)">地板</a></li>
									<li><a href="javascript:void(0)">池板</a></li>
									<li><a href="javascript:void(0)">地板</a></li>
									<li><a href="javascript:void(0)">池板</a></li>
								</ul>
							</div>
						</div>
					</div>
				</header>
				<div class="setion">
					<div class="setion-nav clearfix"> 
						<ul class="clearfix">
							<li>
								<div class="line"></div>
								<a href="javascript:void(0)">木工</a>
								<div class="setion-ul-box">
									<div class="setion-ul-content clearfix">
										<div class="setion-text fl">
											<ul class="fl">
												<li class="title">板材</li>
												<li><a href="#">装饰面板</a></li>
												<li><a href="#">宝丽版</a></li>
												<li><a href="#">三聚氰胺版</a></li>
												<li><a href="#">铝朔版</a></li>
												<li><a href="#">多层版</a></li>
												<li><a href="#">中纤版</a></li>
												<li><a href="#">细木工板</a></li>
												<li><a href="#">刨花版</a></li>
											</ul>
											<ul class="setion-text2 fl">
												<li><a href="#">欧松板</a></li>
												<li><a href="#">防火板</a></li>
												<li><a href="#">密度板</a></li>
												<li><a href="#">其他板材</a></li>
											</ul>
										</div>
										<div class="text2 fl">
											<ul>
												<li class="title">地板</li>
												<li><a href="#">实木地板</a></li>
												<li><a href="#">实木复合地板</a></li>
												<li><a href="#">强化复合地板</a></li>
												<li><a href="#">竹地板</a></li>
												<li><a href="#">软木地板</a></li>
												<li><a href="#">塑料地板</a></li>
												<li><a href="#">PVC地板</a></li>
												<li><a href="#">其他地板</a></li>
											</ul>
										</div>
										<div class="setion-text fl">
											<ul class="fl">
												<li class="title">木线</li>
												<li><a href="#">普通龙骨</a></li>
												<li><a href="#">精品龙骨</a></li>
												<li><a href="#">顶线</a></li>
												<li><a href="#">门线</a></li>
												<li><a href="#">角线</a></li>
												<li><a href="#">木方线</a></li>
												<li><a href="#">收口线</a></li>
												<li><a href="#">花木线</a></li>
											</ul>
											<ul class="setion-text2 fl">
												<li><a href="#">踢脚线</a></li>
												<li><a href="#">定制木线</a></li>
												<li><a href="#">其它木线</a></li>
											</ul>
									    </div>
									    <div class="setion-text fl">
											<ul class="fl">
												<li class="title">地板配件</li>
												<li><a href="#">地板钉</a></li>
												<li><a href="#">扣条</a></li>
												<li><a href="#">地垫</a></li>
												<li><a href="#">地板蜡</a></li>
												<li><a href="#">地板清洁剂</a></li>
												<li><a href="#">底板防水油</a></li>
												<li><a href="#">地板修补剂</a></li>
												<li><a href="#">甲醇清除剂</a></li>
											</ul>
											<ul class="setion-text3 fl">
												<li><a href="#">地板安装工具</a></li>
												<li><a href="#">其他地板配件 </a></li>
											</ul>
									    </div>
									    <div class="text2 fl">
											<ul>
												<li class="title">吊顶钢龙骨</li>
												<li><a href="#">吊筋</a></li>
												<li><a href="#">吊钢</a></li>
												<li><a href="#">轻钢龙骨</a></li>
												<li><a href="#">扣板龙骨</a></li>
												<li><a href="#">铝合金龙骨</a></li>
												<li><a href="#">其它吊件</a></li>
											</ul>
									    </div>
									    <div class="setion-text4 fl">
											<ul class="fl">
												<li class="title">木工类五金</li>
												<li><a href="#">拉手</a></li>
												<li><a href="#">锁</a></li>
												<li><a href="#">合页</a></li>
												<li><a href="#">铰链</a></li>
												<li><a href="#">插销</a></li>
												<li><a href="#">门夹</a></li>
												<li><a href="#">碰珠</a></li>
												<li><a href="#">脚轮</a></li>
											</ul>
											<ul class="setion-text3 fl">
												<li><a href="#">闭门器</a></li>
												<li><a href="#">地弹簧</a></li>
												<li><a href="#">吊轮</a></li>
												<li><a href="#">导轨</a></li>
												<li><a href="#">螺栓</a></li>
												<li><a href="#">钉</a></li>
												<li><a href="#">角码</a></li>
												<li><a href="#">螺母</a></li>
											</ul>
											<ul class="setion-text3 fl">
												<li><a href="#">围网</a></li>
												<li><a href="#" style="width: 84px;">其他木工五金</a></li>
											</ul>
									    </div>
								
									</div>
								</div>
							</li>
							<li>
								<div class="line"></div>
								<a href="javascript:void(0)">泥水工</a>
							</li>
							<li>
								<div class="line"></div>
								<a href="javascript:void(0)">油漆工</a>
							</li>
							<li>
								<div class="line"></div>
								<a href="javascript:void(0)">水电工</a>
							</li>
							<li>
								<div class="line"></div>
								<a href="javascript:void(0)">门窗/其他</a>
							</li>
							<li>
								<div class="line"></div>
								<a href="javascript:void(0)">装修工具</a>
							</li>
							<li>
								<div class="line"></div>
								<a href="javascript:void(0)">消费工具</a>
							</li>
							<li>
								<div class="line"></div>
								<a href="javascript:void(0)">建筑防护</a>
							</li>
							<li>
								<div class="line"></div>
								<a href="javascript:void(0)">精细化学品</a>
							</li>
							<li>
								<div class="line"></div>
								<a href="javascript:void(0)">定制/非标准</a>
							</li>
						</ul>
					</div>
				</div>
				<!--内容-->
				<div class="main_content">
					<div class="content_wrap">
						<div class="new_product_wrap">
							<div class="lunbo_wrap">
								<!--轮播图的容器-->
								<ul class="pic_box">
									<li><a href="index.html"><img src="img/banner.png"/></a></li>
									<li><a href="index.html"><img src="img/banner.png"/></a></li>
									<li><a href="index.html"><img src="img/banner.png"/></a></li>
								</ul>
								<!--底部的控制点-->
								<ul class="pannel"></ul>
								<!--左右箭头-->
								<span id="left_arrow">
									<img src="img/left.png"/>
								</span>
								<span id="right_arrow">
									<img src="img/right.png"/>
								</span>
							</div>
						</div>
						<div class="pro_show_one">
							<div class="show_one">
								<img src="img/pro_show01_01.jpg" alt="" />
								<div class="hover_content">
									<h3>主标题</h3>
									<h4>副标题</h4>
									<p><a href="">立即抢购 ></a></p>
								</div>
							</div>
							<div class="show_two">
								<img src="img/pro_show01_02.jpg" alt="" />
								<div class="hover_content">
									<h3>您的私人装修管家</h3>
									<h4>够省才够hight</h4>
									<p><a href="">立即抢购 ></a></p>
								</div>
							</div>
							<div class="show_three">
								<img src="img/pro_show01_03.jpg" alt="" />
								<div class="hover_content">
									<h3>品牌特卖</h3>
									<h4>自然之宝全新升级</h4>
									<p><a href="">立即抢购 ></a></p>
								</div>
							</div>
						</div>
						<ul class="brand_show">
							<li>
								<i></i>
								<span>高仪</span>
							</li>
							<li>
								<i></i>
								<span>高仪</span>
							</li>
							<li>
								<i></i>
								<span>高仪</span>
							</li>
							<li>
								<i></i>
								<span>高仪</span>
							</li>
							<li>
								<i></i>
								<span>高仪</span>
							</li>
							<li>
								<i></i>
								<span>高仪</span>
							</li>
							<li>
								<i></i>
								<span>高仪</span>
							</li>
							<li>
								<i></i>
								<span>高仪</span>
							</li>
							<li>
								<i></i>
								<span>高仪</span>
							</li>
							<li>
								<i></i>
								<span>换一批</span>
							</li>
						</ul>
						<div class="pro_show_two">
							<div class="left_show">
								<div class="left_wrap">
									<section>
										<a href=""><img src="img/pro_show02_01.jpg" alt="" /></a>
									</section>
									<h3>主标题主标题</h3>
									<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
								</div>
								<div class="right_wrap">
									<div>
										<section>
											<a href=""><img src="img/pro_show02_02.jpg" alt="" /></a>
										</section>
										<h3>主标题主标题</h3>
										<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
									</div>
									<div>
										<section>
											<a href=""><img src="img/pro_show02_03.jpg" alt="" /></a>
										</section>
										<h3>主标题主标题</h3>
										<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
									</div>
								</div>
								<div class="center_wrap">
									<section>
										<a href=""><img src="img/pro_show02_04.jpg" alt="" /></a>
									</section>
									<h3>主标题主标题</h3>
									<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
								</div>
							</div>
							<div class="right_show">
								<div class="center_wrap">
									<section>
										<a href=""><img src="img/pro_show02_05.jpg" alt="" /></a>
									</section>
									<h3>主标题主标题</h3>
									<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
								</div>
								<div class="left_wrap">
									<section>
										<a href=""><img src="img/pro_show02_06.jpg" alt="" /></a>
									</section>
									<h3>主标题主标题</h3>
									<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
								</div>
								<div class="right_wrap">
									<div>
										<section>
											<a href=""><img src="img/pro_show02_07.jpg" alt="" /></a>
										</section>
										<h3>主标题主标题</h3>
										<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
									</div>
									<div>
										<section>
											<a href=""><img src="img/pro_show02_08.jpg" alt="" /></a>
										</section>
										<h3>主标题主标题</h3>
										<p>副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题副标题</p>
									</div>
								</div>
							</div>
						</div>
						<div class="active_adv">
							<a href=""><img src="img/active_adv.jpg"/></a>
						</div>
						<div class="commodity_floor">
							<div class="floor_one">
								<div class="title_list clearfix">
									<h3>商品楼层一</h3>
									<p>commodity floor one</p>
									<ul>
										<li><a href="">地砖</a></li>
										<li><a href="">地板配件</a></li>
										<li><a href="">木线</a></li>
										<li><a href="">地板</a></li>
										<li><a href="">地砖</a></li>
										<li><a href="">地板配件</a></li>
										<li><a href="">木线</a></li>
										<li><a href="">地板</a></li>
										<li><a href="">地砖</a></li>
										<li><a href="">地板配件</a></li>
										<li><a href="">木线</a></li>
										<li><a href="">地板</a></li>
									</ul>
								</div>
								<div class="floor_content">
									<div class="big_wrap">
										<section class="img_wrap">
											<a href=""><img src="img/floor01_01.jpg"/></a>
										</section>
										<section class="content_wrap">
											<p>品质家装会场</p>
											<p>买就送豪礼</p>
										</section>
									</div>
									<ul>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor01_02.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor01_03.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor01_04.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor01_05.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor01_06.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor01_07.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor01_08.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor01_09.png"/></a>
											</div>
										</li>
									</ul>
								</div>
							</div>
							<div class="floor_two">
								<div class="title_list clearfix">
									<h3>商品楼层一</h3>
									<p>commodity floor one</p>
									<ul>
										<li><a href="">地砖</a></li>
										<li><a href="">地板配件</a></li>
										<li><a href="">木线</a></li>
										<li><a href="">地板</a></li>
										<li><a href="">地砖</a></li>
										<li><a href="">地板配件</a></li>
										<li><a href="">木线</a></li>
										<li><a href="">地板</a></li>
										<li><a href="">地砖</a></li>
										<li><a href="">地板配件</a></li>
										<li><a href="">木线</a></li>
										<li><a href="">地板</a></li>
									</ul>
								</div>
								<div class="floor_content">
									<div class="big_wrap">
										<section class="img_wrap">
											<a href=""><img src="img/floor02_01.jpg"/></a>
										</section>
										<section class="content_wrap">
											<p>品质家装会场</p>
											<p>买就送豪礼</p>
										</section>
									</div>
									<ul>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor02_02.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor02_03.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor02_04.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor02_05.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor02_06.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor02_07.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor02_08.png"/></a>
											</div>
										</li>
										<li>
											<h4>主标题主标题</h4>
											<h5>副标题副标题</h5>
											<div class="img_wrap">
												<a href=""><img src="img/floor02_09.png"/></a>
											</div>
										</li>
									</ul>
								</div>
							
							</div>
						</div>
					</div>
				</div>
				<!--脚部-->
				<footer>
					<div class="footer-title">
						<div class="footer-ul clearfix">
							<div class="footer-ul-box fl">
								<ul>
									<li>
										<a href="javascript:void(0)">
											<img src="img/you.jpg"/>
										</a>
									</li>
									<li>
										<h4>品质保障</h4>
										<span>品质保证 购物无忧</span>
									</li>
							    </ul>
							</div>
							<div class="footer-ul-box fl">
								<ul>
									<li>
										<a href="javascript:void(0)">
											<img src="img/te.jpg"/>
										</a>
									</li>
									<li>
										<h4>特色服务</h4>
										<span>针对户型 私人定制</span>
									</li>
							    </ul>
							</div>
							<div class="footer-ul-box fl">
								<ul>
									<li>
										<a href="javascript:void(0)">
											<img src="img/sheng.jpg"/>
										</a>
									</li>
									<li>
										<h4>全网最低</h4>
										<span>厂家直销 低价承诺</span>
									</li>
							    </ul>
							</div>
							<div class="footer-ul-box fl">
								<ul>
									<li>
										<a href="javascript:void(0)">
											<img src="img/usre.jpg"/>
										</a>
									</li>
									<li>
										<h4>帮助中心</h4>
										<span>您的购物指南</span>
									</li>
							    </ul>
							</div>
						</div>
					</div>
					<!--链接-->
					<div class="footer-link">
						<div class="link-box clearfix">
							<div class="footer-link-ul fl">
								<ul>
									<h4>新手指南</h4>
									<li><a href="#">新手指南</a></li>
									<li><a href="#">购物流程</a></li>
								</ul>
							</div>
							<div class="footer-link-ul fl">
								<ul>
									<h4>支付方式</h4>
									<li><a href="#">支付宝</a></li>
									<li><a href="#">微信</a></li>
								</ul>
							</div>
							<div class="footer-link-ul fl">
								<ul>
									<h4>物流配送</h4>
									<li><a href="#">配送方式</a></li>
									<li><a href="#">服务流程</a></li>
								</ul>
							</div>
							<div class="footer-link-ul fl">
								<ul>
									<h4>客服中心</h4>
									<li><a href="#">在线客服</a></li>
									<li><a href="#">常见问题</a></li>
								</ul>
							</div>
							<div class="footer-code">
								<ul>
									<li>扫一扫，关注鲁班兄弟</li>
									<li><img src="img/code.png"/></li>
								</ul>
							</div>
						</div>
					</div>
				</footer>
				<!--版权-->
				<!--版权-->
				<div class="bottom">
					<div class="copyright">
						<p>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</p>
						<ul>
							<li><a href="#">关于我们</a></li>
							<li><a href="#">联系我们</a></li>
							<li><a href="#">法律说明</a></li>
						</ul>
					</div>
				</div>
		
			</div>
		</div>
		<script src="js/jquery-1.11.0.js"></script>
		<script src="js/carousel.js"></script>
		<script type="text/javascript">
       		$("#back-to-top").click(function(){
		        $('body,html').animate({scrollTop:0},1000);
		        return false;
	        });
	    </script>
		<script>
        	new lunbo(".new_product_wrap", 250 / 900, true, true, 2000, true);
        </script>
	</body>
</html>
